/*---------------------
  About
-----------------------*/
.about {
    padding-bottom: 70px;
}

.about__title {
    text-align: center;
    margin-bottom: 52px;

    h2 {
        color: #323232;
        font-weight: 700;
        line-height: 50px;
    }
}

.about__widget {
    padding-bottom: 70px;
}

.about__widget__item {
    text-align: center;
    margin-bottom: 30px;

    h4 {
        color: #323232;
        font-weight: 700;
        margin-bottom: 15px;
    }

    p {
        color: #707070;
        margin-bottom: 0;
    }
}

.about__pic__slider {
    margin-bottom: 100px;

    &.owl-carousel {

        .owl-nav {

            button {
                height: 50px;
                width: 50px;
                border: 1px solid rgba(29, 42, 59, 0.1);
                font-size: 26px;
                color: $heading-color-2;
                line-height: 50px;
                text-align: center;
                position: absolute;
                left: -90px;
                top: 50%;
                margin-top: -25px;
                background: $white-color;

                &.owl-next {
                    left: auto;
                    right: -90px;
                }
            }
        }
    }
}

.about__benefit {

    .section-title {

        h2 {
            font-size: 36px;
        }
    }

    .benefit__item {
        text-align: center;
        margin-bottom: 30px;

        h4 {
            margin-top: 25px;
        }
    }
}

/*---------------------
  Testimonial
-----------------------*/
.testimonial {

    .section-title {
        margin-bottom: 40px;

        h2 {
            font-size: 36px;
            color: $white-color;

            &:before {
                background: $white-color;
            }
        }
    }
}

.testimonial__slider {
    margin-bottom: 20px;

    .slick-slide {

        &:focus {
            outline: none;
        }
    }

    button {
        
        &.slick-arrow {
            height: 50px;
            width: 50px;
            border: none;
            background: $white-color;
            font-size: 26px;
            color: $heading-color-2;
            line-height: 40px;
            text-align: center;
            position: absolute;
            left: -366px;
            top: 55px;
            @include transition(all, .3s);
            
            &.slick-next {
                left: auto;
                right: -366px;
            }

            &:hover {
                background: $primary-color;
                color: $white-color;
            }
        }
    }
}

.testimonial__slider__item {
    text-align: center;
    position: relative;
    z-index: 1;
    padding-bottom: 15px;
    padding-top: 20px;

    &:after {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 0;
        content: "\f10e";
        font-family: "FontAwesome";
        font-size: 144px;
        color: $white-color;
        line-height: 128px;
        z-index: -1;
        opacity: .1;
    }

    p {
        color: $white-color;
        font-size: 18px;
        font-weight: 600;
        font-style: italic;
        line-height: 28px;
        margin-bottom: 0;
    }
}

.testimonial__client {
    max-width: 235px;
    margin: 0 auto;

    .slick-slide {
        padding-top: 10px;
        opacity: .3;

        &:focus {
            outline: none;
        }
    }
}

.testimonial__client__item {
    text-align: center;
    cursor: pointer;
    margin-right: 12px;
    margin-left: 12px;
    position: relative;
    padding-bottom: 76px;
    z-index: 1;
    
    &.slick-active.slick-center {
        margin-top: -10px;
        opacity: 1;

        .testimonial__client__item__pic {
            height: 70px;
            width: 70px;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            margin: 0 auto;
            position: relative;

            img {
                width: 70px;
                height: 70px;
            }
        }
        
        .testimonial__client__item__text {
            display: block;
            position: absolute;
            left: -67px;
            top: 0;
            width: 200px;
            padding-top: 105px;
        }
    }

    .testimonial__client__item__pic {

        img {
            height: 54px;
            width: 54px;
            border-radius: 50%;
            margin: 0 auto;
        }
    }
}

.testimonial__client__item__text {
    display: none;
    text-align: center;

    h5 {
        color: $white-color;
        font-weight: 700;
        margin-bottom: 10px;
        display: inline-block;

    }
    
    .rating {
        display: inline-block;

        i {
            color: #F09D17;
            font-size: 18px;
            margin-right: -4px;
        }
    }

    span {
        color: $primary-color;
        display: block;
        font-size: 15px;
        font-weight: 700;
    }
}

/*---------------------
  Team
-----------------------*/
.team {
    padding-bottom: 70px;

    .section-title {
        
        h2 {
            font-size: 36px;
        }
    }
}

.team__item {
    position: relative;
    height: 370px;
    overflow: hidden;
    margin-bottom: 30px;

    &:hover {

        .team__item__hover {
            top: 20px;
        }
    }
}

.team__item__hover {
    width: 40px;
    position: absolute;
    top: -300px;
    right: 20px;
    @include transition(all, .3s);

    a {
        height: 40px;
        width: 40px;
        background: $white-color;
        font-size: 20px;
        color: #747E8C;
        line-height: 44px;
        text-align: center;
        display: inline-block;
        @include transition(all, .3s);
        margin-bottom: 10px;

        &:hover {
            background: $primary-color;
            color: $white-color;
        }
    }
}

.team__item__text {
    background: $primary-color;
    overflow: hidden;
    padding: 15px 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;

    h6 {
        color: $white-color;
        font-size: 15px;
        font-weight: 700;
        float: left;
    }

    span {
        font-size: 15px;
        color: $white-color;
        float: right;
    }
}